<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<html>
<head>
    <meta charset="utf-8">
    <title>T-Blog</title>
    <meta name="keywords" content="T-Blog" />
    <meta name="description" content="T-Blog" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link th:href="@{/css/base.css}" rel="stylesheet">
    <link th:href="@{/css/index.css}" rel="stylesheet">
    <link th:href="@{/css/m.css}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" th:href="@{/lib/layui/css/layui.css}" />
    <link rel="stylesheet" th:href="@{/css/style.css}" />
    <script type="text/javascript" th:src="@{js/rotate.js}" ></script>
</head>
<body>
<header>
    <div class="tophead">
        <div class="logo"><img th:src="@{/img/logo.jpg}"  style="width: 60px;height: 60px;margin-top: -12px"/><a href="/">T-Blog</a></div>
        <div id="mnav">
            <h2><span class="navicon"></span></h2>
            <ul>
                <li><a href="/">博客</a></li>
                <li><a th:href="@{/about}">关于我</a></li>
            </ul>
        </div>
        <nav class="topnav" id="topnav">
            <ul>
                <li >
                     <input name="keyboard" id="keyWords" class="input_text" placeholder="请输入关键字" style="color: rgb(153, 153, 153);width: 30%;margin-left: 38%;margin-top: 1.2%" th:value="${page.get('keyWords')}" type="text">
                     <button name="Submit"   class="input_submit" value="搜索" type="button" style="width: 10%;margin-top: 1.1%" onclick="index.serach('/')">搜索</button>

                </li>
                <li><a href="/">博客</a></li>
                <li><a th:href="@{/about}">关于我</a></li>
            </ul>
        </nav>
    </div>
</header>
<article>
    <div class="blogs">
            <li th:each="article : ${page.get('list')}">
                <h1 class="blogtitle"><a style="font-size: 30px" th:href="${'/articleInfo/'+article.id}" th:text="${article.title}"></a></h1>
                <div class="bloginfo">
                    <p th:utext="${article.simpleContent}"></p>
                </div>
                <div class="autor">
                    类型:<span class="lm">
                        <a th:href="@{'?type=type&typeId='+${article.typeId}}" title=""  th:text="${article.type.typeName}" class="classname"></a>
                    </span>

                   标签:<span class="lm" th:each="lable : ${article.labels}">
                        <a href="/" title="" target="_blank" th:text="${lable.lableName}" class="classname"></a>
                    </span>
                    <span class="dtime" th:text="${#dates.format(article.createTime,'yyyy-MM-dd HH:mm:ss')}"></span>
                    <span class="viewnum">浏览（<a th:text="${article.readNum}">0</a>）</span>
                    <span class="readmore"><a th:href="@{'/articleInfo/'+${article.id}}" target="_blank">阅读原文</a></span>
                </div>
            </li>


    </div>
    <div class="sidebar">
        <div class="about">
            <div class="avatar"> <a th:href="@{/about}"><img th:src="@{/img/head.jpg}" alt=""></a></div>
            <p class="abname">dancesmile | 唐小华</p>
            <p class="abposition">java后台、java开发</p>
            <div class="abtext">有理想的'程序猿'，一边工作一边积累经验,分享一些心得</div>
        </div>
        <div class="cloud">
            <div class="widget about">
                <strong class="wt">云标签</strong>
                <div class="wc" style="width: 40%;">
                    <div id="rotate">
                        <span th:each="labe : ${page.get('labels')}">
                            <a th:href="@{'/?type=label&labelId='+${labe.id}}"  style="left: 185.023px; top: 207.616px; font-size: 17px; opacity: 1.40324; z-index: 1;" th:text="${labe.lableName}" ></a>
                        </span>
                    <div class="sep10"></div>
                </div>
            </div>
        </div>
    </div>
        <div class="paihang">
            <h2 class="hometitle">点击排行</h2>
            <ul>
                <li th:each="art : ${page.get('rankings')}">
                    <a th:href="@{'/articleInfo/'+${art.id}}" target="_blank" th:text="${art.title}"></a>
                </li>
            </ul>
        </div>
        <div class="links">
            <h2 class="hometitle">友情链接</h2>
            <ul>
                <li th:each="link : ${page.get('links')}">
                    <a th:href="@{${link.urlPath}}" th:title="${link.title}" th:text="${link.title}">杨青个人博客</a>
                </li>
            </ul>
        </div>
    </div>
</article>
<input type="hidden" id="total" th:value="${page.get('total')}"/>
<input type="hidden" id="curr" th:value="${page.get('curr')}"/>
<div id="page" style="margin-left: 32%;"></div>
<div class="blank">

</div>
<footer>
    <p>Design by <a href="/">T-Blog</a> <a href="/"></a></p>
</footer>
</body>
<script type="text/javascript" th:src="@{/js/jquery-2.0.3.min.js}"></script>
<script type="text/javascript" th:src="@{/layer/layer.js}"></script>
<script type="text/javascript" th:src="@{/lib/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{/lib/laypage/1.2/laypage.js}"></script>
<script type="text/javascript" th:src="@{/js/index.js}"></script>
<script type="text/javascript" th:src="@{/js/nav.js}"></script>
<script type="text/javascript">
    index.page("/");
</script>
</html>
